<ion-header>
  <ion-toolbar color='mytoolbarbg'>
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>baidumap</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

  <div class="lefttool" id="lefttool" *ngIf="showresult">
    <div class="top" (click)="close()">

    </div>
    <div class="bottom">
      <div (click)="nearbysearch($event,'厕所')">
        <label>厕所</label>
      </div>
      <div (click)="nearbysearch($event,'停车场')">
        <label>停车场</label>
      </div>
      <div class="div_btn" (click)="nearbysearch($event,'医院')">
        <label>医院</label>
      </div>
      <div (click)="nearbysearch($event,'派出所')">
        <label>派出所</label>
      </div>
      <div (click)="showsearchbar('文保单位')">
        <label>派出所</label>
      </div>
      <div (click)="showsearchbar('文保单位')">
        <label>派出所</label>
      </div>
      <div (click)="showsearchbar('文保单位')">
        <label>派出所</label>
      </div>
      <div (click)="showsearchbar('文保单位')">
        <label>派出所</label>
      </div>
      <div (click)="showsearchbar('文保单位')">
        <label>派出所</label>
      </div>
      <div (click)="showsearchbar('文保单位')">
        <label>派出所</label>
      </div>
    </div>
  </div>
  <div #map id="map_container" class="col-lg-12 locationmap"></div>
  <ion-row>
    <ion-col size="4" (click)="addmark()">添加标注</ion-col>
    <ion-col size="4" (click)="search()">查询搜索</ion-col>
    <ion-col size="4" (click)="openmapapp()">跳转打开app</ion-col>
  </ion-row>
  <ion-row>
    <ion-col size="4" (click)="changemaptype()">路线规划</ion-col>
    <ion-col size="4" (click)="searchnearby()">附近搜索</ion-col>
    <ion-col size="4" (click)="opendiv()">弹出结果列表</ion-col>
  </ion-row>
  <ion-row>
    <ion-col size="4" (click)="dingwei()">定位</ion-col>
    <ion-col size="4" (click)="searchnearby()"></ion-col>
    <ion-col size="4" (click)="opendiv()"></ion-col>
  </ion-row>
  <!-- <div id="r-result" style="width: 100%;"> </div> -->
  <div id="r-result2" style="width: 100%;height: 200px;">
    <div style="background: rgb(255, 255, 255);">
      <ol style="list-style: none; padding:0px; margin: 0px;">
        <li *ngFor="let item of dlsgs let i = index" (click)='listclick(i)'
          style="margin: 2px 0px; padding: 0px 5px 5px 0px; cursor: pointer; overflow: hidden; line-height: 17px;">
          <span class='lili' [attr.date]='25*i'>
          </span>
          <div style="zoom:1;overflow:hidden;padding:0 5px;">
            <div style="line-height:20px;font-size:12px;"><span style="color:#00c;">{{item.NAME}}
              </span>
            </div>
            <div style="padding:2px 0;line-height:18px;*zoom:1;overflow:hidden;">
              <b
                style="float:left;font-weight:bold;*zoom:1;overflow:hidden;padding-right:5px;*margin-right:-3px;">地址:</b>
              <span style="color:#666;display:block;zoom:1;overflow:hidden;">{{item.NAME}}
              </span>
            </div>
          </div>
        </li>
      </ol>
    </div>
  </div>
</ion-content>